﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.2-直播者界面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_2-直播者界面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_2-直播者界面/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u2014" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u2015" class="ax_default _形状">
          <img id="u2015_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2016" class="ax_default _水平线">
          <img id="u2016_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2017" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2017_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u2017_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">2.2-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">直播者界面</span></p>
        </div>
      </div>

      <!-- Unnamed (B01发布者-发起直播) -->

      <!-- Unnamed (矩形) -->
      <div id="u2019" class="ax_default _形状">
        <img id="u2019_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2020" class="ax_default _形状">
        <img id="u2020_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2020_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">闪光灯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2021" class="ax_default _形状">
        <img id="u2021_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2021_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">前后</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2022" class="ax_default _形状">
        <img id="u2022_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2022_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">屏蔽</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2023" class="ax_default _形状">
        <img id="u2023_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2024" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u2025" class="ax_default _文本段落">
          <img id="u2025_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u2025_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2026" class="ax_default _形状">
          <img id="u2026_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2027" class="ax_default _形状">
        <img id="u2027_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2028" class="ax_default _文本段落">
        <img id="u2028_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u2028_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2029" class="ax_default _形状">
        <img id="u2029_img" class="img " src="images/发布者-流程图/u549.png"/>
        <div id="u2029_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前关闭了声音权限，此次直播无法录音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2030" class="ax_default _文本段落">
        <img id="u2030_img" class="img " src="images/2_2-直播者界面/u2030.png"/>
        <div id="u2030_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">进行直播界面：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，默认开启后置摄像头</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，直播中可切换摄像头和开启闪光灯</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，支持对焦和动态防抖。（默认自动对焦）</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，切换到前摄像头需要画面做镜像处理（可参考iphone前摄像头拍照效果）</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">观看者与直播者画面相反</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">其他模块呼出：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，用户在直播界面下左右滑动可呼出相对应 的模块</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">直播流：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，直播界面不支持暂停</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，当前直播结束会进入结束界面</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">直播信息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2031" class="ax_default _形状">
        <img id="u2031_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2032" class="ax_default _文本段落">
        <img id="u2032_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
        <div id="u2032_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u2033" class="ax_default _形状">
        <img id="u2033_img" class="img " src="images/1_1-观看者页面/u758.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2034" class="ax_default _文本段落">
        <img id="u2034_img" class="img " src="images/2_2-直播者界面/u2034.png"/>
        <div id="u2034_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1，直播信息浮层方式一直置顶</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，显示当前直播总时长</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，显示累计收到鲜花的个数和当前人数</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，显示当前直播信号</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">5，所有数字信息需要随时变化</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2035" class="ax_default _文本段落">
        <img id="u2035_img" class="img " src="images/互动/u962.png"/>
        <div id="u2035_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">发起直播界面：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2036" class="ax_default _形状">
        <img id="u2036_img" class="img " src="images/2_2-直播者界面/u2036.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2037" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2037_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u2037_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2038" class="ax_default _文本段落">
        <img id="u2038_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u2038_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">22</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2039" class="ax_default _形状">
        <img id="u2039_img" class="img " src="images/发布者-流程图/u549.png"/>
        <div id="u2039_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前关闭了声音权限，次直播无法录音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2040" class="ax_default _文本段落">
        <img id="u2040_img" class="img " src="images/2_2-直播者界面/u2040.png"/>
        <div id="u2040_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">当前用户关闭了录音权限，此提示一直置顶</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
